import Vue from 'vue'
import Vuex from 'vuex'

Vue.use(Vuex)

export default new Vuex.Store({
  state: {
    count: 100
  },
  mutations: {
    add(state, step) {
      // 第一个形参永远都是state也就是$state对象
      // 第二个形参是调用add时传递的参数
      state.count += step
    }
  },
  actions: {
    addAsync(ctx, step) {
      setTimeout(function() {
        ctx.commit('add', step)
      }, 1000)
    }
  },
  getters: {
    showNum(state) {
      return `最新的count值：${state.count}`
    }
  },
  modules: {}
})
